<template>
    <div class="mr-lunbo-page">
        <el-carousel :interval="5000" arrow="always">
            <el-carousel-item v-for="item in 4" :key="item">
            </el-carousel-item>
        </el-carousel>
    </div>
</template>
<style scoped>
    .mr-lunbo-page {
        width: 100%;
        background: #2c2c2c;
    }
    .el-carousel--horizontal {
        height: 540px;
    }
    .mr-lunbo-page .el-carousel .el-carousel__container {
        width: 1200px;
        height: 540px;
        margin: 0 auto;
    }
    .mr-lunbo-page .el-carousel__item {
        width: 100%;
        height: 540px;
    }
    .mr-lunbo-page .el-carousel__item:nth-of-type(1) {
        background: url("../../assets/mr_lunbo1.jpg") no-repeat center;
    }
    .mr-lunbo-page .el-carousel__item:nth-of-type(2) {
        background: url("../../assets/mr_lunbo2.jpg") no-repeat center;
    }
    .mr-lunbo-page .el-carousel__item:nth-of-type(3) {
        background: url("../../assets/mr_lunbo3.jpg") no-repeat center;
    }
    .mr-lunbo-page .el-carousel__item:nth-of-type(4) {
        background: url("../../assets/mr_lunbo4.jpg") no-repeat center;
    }
</style>